/* BASIC RESET */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{margin:0; padding:0;}

/* HTML ELEMENTS */
body { background-color:#fff; font:62.5% Arial,'Times New Roman',serif; color: #4c4c4c;}

/* COMMON CLASSES */
.break { clear:both; }

/* CONTAINER */
#wrapper {
    height: auto;
    position: static;
    width: 100%;
}

/* HEADER */
#header {  
    height: 60px;
    margin: 0 auto;
    position: relative;
    width: 985px;
    padding-top:15px; 
}

/* LOGO */
#logo { float:left; width:244px;}

.logoimg { border:0px; }	
	
a#logolink {
	display:block; 
	width:244px; 
	height:53px; 
	position:relative;	
}	

a:hover{
	outline: none;	
}

a#logolink span.logorollover {
	display:block; 
	position:absolute; 
	top:0; 
	left:0; 
	width:244px; 
	height:53px; 
	background:url(../images/smile-studio-architecture-design-logo-hover.png);
}

/* MENU */
#menu { float:right; width:652px; }
#menu ul { list-style:none;}
#menu ul.main { padding-left: 50px;}
#menu ul#lang { float: right; padding-bottom:18px; font-size:13px;}
#menu ul#lang li, #menu ul#lang li a { font-size:13px; padding-right: 5px;}
#menu ul#lang li a { padding-left: 10px;}
#menu ul#lang li span {color: #d98837; font-weight: bold; padding-right: 5px; padding-left: 10px;}
#menu ul li { display:inline; font-size:16px; }
#menu ul li a { color:#4c4c4c; text-decoration:none; font-weight:bold; padding-left:15px; padding-right: 15px; font-size: 16px;}
#menu ul li a:hover { text-decoration:none; color: #576c97;}

#menu ul li.dir ul {list-style-type: none; }
#menu ul li.dir ul li {display: list-item;}
#menu ul li ul li.dir{font-size: 14px;}
#menu ul li a.inner { color:#4c4c4c; text-decoration:none; font-size: 12px; padding: 1px 10px 0px 10px;}
#menu ul li a.inner:hover { text-decoration:none; background-color: #576c97; color: #fff;}

/* BACKGROUND IMAGE ROTATOR */
#background {
	border-bottom: 2px solid #4c4c4c;
	height: 656px;
}

.bis_image { background-position: center top; background-repeat: no-repeat; width:100%; height:686px; position:absolute; }

#content {
	margin: 0 auto;
    width: 985px;
    padding-top: 135px;
    position: relative;
}

#textholder { float: left; width: 323px; height: 459px; background:url(../images/textholder-background-trans.png);}
#textholder_swf { float: left; width: 314px; height: 459px; background:url(../images/textholder-background-trans-swf.png);}

#text_padding { padding: 25px 28px 25px 20px; line-height: 130%; font-weight: normal; font-size: 14px;}
#text_padding_swf { padding: 0px 0px 0px 20px; line-height: 130%; font-weight: normal; font-size: 14px;}
#text_padding h1{font-size: 16px;  padding-bottom: 15px;}
#text_padding_swf h1{font-size: 16px;  padding-bottom: 15px;}
#text_padding p{padding-bottom: 20px;}
#text_padding_swf p{padding-bottom: 20px;}
#text_padding ul{list-style: none;}
#text_padding_swf ul{list-style: none;}

#hidetext {width: 343px;}
#hidetext_swf {width: 343px;position:absolute;top:135px;left:0;}
#hidedesc {	padding-top: 300px; float: left; width: 20px; height: 159px; background: transparent url(../images/textholder-shadow-trans.png) no-repeat left top;}
#hidedesc a:focus { outline-style: none;}
#hidedesc a img { border: none; }

#gallery { width: 640px; float: right; }
#viewdesc { padding-top: 30px; width: 20px; float: left; border: none; }
#viewdesc_swf { position: absolute; top:165px;left:347px;padding-top: 0px; width: 20px; float: left; border: none; }
#viewdesc a:focus, #viewdesc_swf a:focus { outline-style: none;}
#viewdesc a img, #viewdesc_swf a img { border: none; }
#galleryholder_view { float: left; width: 620px; height: 459px; background:url(../images/galleryholder-background-trans.png);}
#galleryholder { float: right; width: 620px; height: 459px; background:url(../images/galleryholder-background-trans.png);}
#gallery_padding { padding: 24px 28px 20px 20px;}

#placeholder { overflow: hidden; padding: 0; position: relative; width: 570px; height: 405px; }

/* CONTACT US */
#contactholder { float: right; width: 623px; height: 459px; background:url(../images/contactus-form-holder.png);}
#contactholder label {font-weight: normal; font-size: 14px; margin-left: 5px;}

.inputcontainer {
	background: url("../images/contactus-input-trans.png") no-repeat scroll right top transparent;
	width: 569px;
	height: 31px;
	margin-bottom: 3px;
}
.textinput {
	width: 559px;
	height: 21px;
	border: none medium;
	padding: 5px 5px;
	background: none repeat scroll 0 0 transparent;
}
textarea, input {
	color: #4c4c4c;	
}
.textareacontainter {
	background: url("../images/contactus-textarea-trans.png") no-repeat scroll right top transparent;
	width: 569px;
	height: 174px;
	margin-bottom: 5px;
}

.textareainput {
	width: 559px;
	height: 164px;
	border: none medium;
	padding: 5px 5px;
	background: none repeat scroll 0 0 transparent;
	overflow: hidden;
}

#contactholder label.requiredfields{
	font-size: 11px;	
	float: left;
}

.submit {
	float: right;
	width: 70px;
}

#send-email {
	display: block;
	width: 70px;
	height: 29px;
	border: medium none;
	background: url("../images/contactus-send-button.png") no-repeat 0 0 transparent;	
}
#send-email-fr {
	display: block;
	width: 70px;
	height: 29px;
	border: medium none;
	background: url("../images/contactus-send-button-fr.png") no-repeat 0 0 transparent;	
}
#send-email:hover, #send-email-fr:hover {
	background-position: 0 -29px;
	cursor: pointer;	
}

.invalid {
	color: red;
}

.contactarrow {
	background: url("../images/contactus-arrow.png") no-repeat scroll right top transparent;
	display: block;
	height: 19px;
	width: 15px;
	float: right;
	position: relative;
	top: -3px;
	margin-right: 5px;
}

#footer {	
	width: 985px;
	height: 40px;
	margin: 0 auto;
	position: relative;
}

#footercopy {
	float: right;
	padding-top: 10px;
	padding-right: 8px;
	font-size: 14px;
}
#footercopy span.footer-uppercase {font-size: 11px;}
#footercopy span.design {color: #b2b2b2;}
#footercopy span.design a {color: #b2b2b2; text-decoration: none;}
#footercopy span.designw {color: #d98837;}
#footercopy span.designt {color: #576c97;}

#scroll-pane { float:left;overflow: auto; width: 283px; height:400px;position:relative;border:medium none;margin-left:0px;margin-bottom:0px;margin-top:25px;display:inline}
#scroll-content {position:absolute;top:0;left:0}
.scroll-content-item {background-color:#fcfcfc;color:#003366;width:100px;height:100px;float:left;margin:10px;font-size:3em;line-height:96px;text-align:center;border:1px solid gray;display:inline;}
#slider-wrap{position:absolute;top:0px;left:285px;float:left;width:20px;border:1px solid gray;border-left:medium none;border-right:medium none;margin-top:25px; background: url("../images/scrollbar-background.png") no-repeat scroll 0 0 transparent;}
#slider-vertical{position:relative;height:100%}
.ui-slider-handle{background:transparent url(../images/scrollbar-handle-middle.png) repeat-y top left;width:20px;height:10px;margin:0 auto;display:block;position:absolute;}
.ui-slider-handle img{border:none}
#scrollbar-top{position:absolute;top:0;}
#scrollbar-bottom{position:absolute;bottom:0;}
#scrollbar-grip{position:absolute;top:50%;margin-top:-6px;}
.ui-slider-range{position:absolute;width:100%} 